// styles/element/index.scss
/* just override what you need */
@forward "element-plus/theme-chalk/src/common/var.scss"with ($colors: ("primary": ("base": #716aca,
    ),
  ),
);

@import "element-plus/theme-chalk/src/index.scss";

.el-tabs.el-tabs-medium {
  height: 100%;

  .el-tabs__header {
    margin-bottom: 0;
    background-color: #323232;

    .el-tabs__item {
      height: 36px;
      line-height: 36px;
    }
  }

  .el-tabs__content {
    padding: 0;
    height: calc(100% - 36px);
  }
}

.el-collapse.el-collapse-medium {
  .el-collapse-item__header {
    height: 36px;
    line-height: 36px;
    background-color: transparent;
    border-bottom-color: rgb(40, 46, 58);
    color: #fff;
  }

  .el-collapse-item__wrap {
    background-color: transparent;
  }
}

.el-collapse.el-collapse-icon-left {
  .el-collapse-item__header {
    position: relative;
    padding-left: 30px;

    .el-icon {
      position: absolute;
      left: 4px;
    }
  }
}